<template>
    <div class="app_content">
      <FileUpload :dr="true" ></FileUpload>
    <Export></Export>
    <RightToolbar />
    <ParentView></ParentView>
    </div>
    
</template>

<script  >


import { computed, ref ,reactive} from 'vue'
import { useStore } from 'vuex';

export default defineComponent({
  setup(){
    const store = useStore();
    const staticData=reactive({

    })
    const size = computed(() => {
          return store.getters['setting/size'];
    });

    const small =computed(() => {
      return size.value=='small'?true:false
    });

    const methods = {
       getList(){
          console.log('刷新数据')
       },

       /**
        * 显示或隐藏搜索条件
        **/
       showSearchClick(data){
         staticData.showSearch=data
       },
       handleAdd(row){
        console.log( row)
      },
      handleSelectionChange(){

      },

      handleEdit(row){
        console.log( row)
      },
      handleDelete(row){
        console.log( row)
      },
      resetSubmit(){
          console.log('xxxxxxxxxxxxxxxxxxx')
      },
      querySubmit(){
          console.log('xxxxxxxxxxxxxxxxxxx')
      },
      handleSizeChange (val) {
        console.log(`${val} items per page`)
      },
      handleCurrentChange(val){
        console.log(`current page: ${val}`)
      }
     }

      return {
      
        size,
        small,
        ...methods,
       
      }
  }

 
})



</script>

<style scoped>
.demo-pagination-block + .demo-pagination-block {
  margin-top: 10px;
}
.demo-pagination-block .demonstration {
  margin-bottom: 16px;
}
</style>
<style scoped>
.app_content{
    
    margin-top: 30px;
    margin-left: 10px;
}
.mb8{
    margin-bottom: 10px;
}
</style>